﻿<phone:PhoneApplicationPage 
    x:Class="WriteableBitmap.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:metro="clr-namespace:TecHappy.WindowsPhone.Toolkit;assembly=TecHappy.WindowsPhone.Toolkit"
    
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="728"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit">
	<phone:PhoneApplicationPage.Resources>
		<Storyboard x:Name="Storyboard1">
			<DoubleAnimation Duration="0:0:2" To="10" Storyboard.TargetProperty="(RangeBase.Value)" Storyboard.TargetName="slider" d:IsOptimized="True"/>
		</Storyboard>
	</phone:PhoneApplicationPage.Resources>

    <!--LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="LayoutRoot">
        <controls:Panorama Title="快乐技术沙龙">
            <controls:PanoramaItem Header="变换图标">
                <Grid Width="480">
                    <metro:MetroImage ManipulationStarted="miChanged_ManipulationStarted"
                                      ManipulationCompleted="miChanged_ManipulationCompleted"
                                      Margin="0 30 0 0" x:Name="miChanged" VerticalAlignment="Top" HorizontalAlignment="Left" Source="Images/appbar.sync.rest.png" Height="48" Width="48" BackgroundColor="Red" ForegroundColor="Green"/>
                    <Slider x:Name="slider" Width="400" Margin="60 30 0 0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
                </Grid>
            </controls:PanoramaItem>

            <!--Panorama item two-->
            <controls:PanoramaItem Header="MetroImage">
                <toolkit:WrapPanel Width="450">
                    <metro:MetroImage Source="Images/appbar.add.rest.png" Height="48" Width="48" Margin="10" BackgroundColor="AliceBlue" ForegroundColor="AntiqueWhite"/>
                    <metro:MetroImage Source="Images/appbar.back.rest.png" Height="48" Width="48"  Margin="10"  BackgroundColor="AntiqueWhite" ForegroundColor="Aqua"/>
                    <metro:MetroImage Source="Images/appbar.cancel.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Aqua" ForegroundColor="Aquamarine"/>
                    <metro:MetroImage Source="Images/appbar.check.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Aquamarine" ForegroundColor="Azure"/>
                    <metro:MetroImage Source="Images/appbar.close.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Azure" ForegroundColor="Beige"/>
                    <metro:MetroImage Source="Images/appbar.delete.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Beige" ForegroundColor="Bisque"/>
                    <metro:MetroImage Source="Images/appbar.download.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Bisque" ForegroundColor="Bisque"/>
                    <metro:MetroImage Source="Images/appbar.edit.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Bisque" ForegroundColor="Purple"/>
                    <metro:MetroImage Source="Images/appbar.favs.addto.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Purple" ForegroundColor="BlanchedAlmond"/>
                    <metro:MetroImage Source="Images/appbar.favs.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="BlanchedAlmond" ForegroundColor="Blue"/>
                    <metro:MetroImage Source="Images/appbar.feature.camera.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Blue" ForegroundColor="BlueViolet"/>
                    <metro:MetroImage Source="Images/appbar.feature.email.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="BlueViolet" ForegroundColor="Brown"/>
                    <metro:MetroImage Source="Images/appbar.feature.search.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Brown" ForegroundColor="BurlyWood"/>
                    <metro:MetroImage Source="Images/appbar.feature.settings.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="BurlyWood" ForegroundColor="CadetBlue"/>
                    <metro:MetroImage Source="Images/appbar.feature.video.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="CadetBlue" ForegroundColor="Chartreuse"/>
                    <metro:MetroImage Source="Images/appbar.folder.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Chartreuse" ForegroundColor="Chocolate"/>
                    <metro:MetroImage Source="Images/appbar.minus.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Chocolate" ForegroundColor="Coral"/>
                    <metro:MetroImage Source="Images/appbar.new.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Coral" ForegroundColor="CornflowerBlue"/>
                    <metro:MetroImage Source="Images/appbar.next.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="CornflowerBlue" ForegroundColor="Cornsilk"/>
                    <metro:MetroImage Source="Images/appbar.questionmark.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Cornsilk" ForegroundColor="Crimson"/>
                    <metro:MetroImage Source="Images/appbar.refresh.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Crimson" ForegroundColor="Cyan"/>
                    <metro:MetroImage Source="Images/appbar.save.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Cyan" ForegroundColor="DarkBlue"/>
                    <metro:MetroImage Source="Images/appbar.share.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="DarkBlue" ForegroundColor="DarkCyan"/>
                    <metro:MetroImage Source="Images/appbar.stop.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="DarkCyan" ForegroundColor="DarkGoldenrod"/>
                    <metro:MetroImage Source="Images/appbar.sync.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="DarkGoldenrod" ForegroundColor="DarkGray"/>
                    <metro:MetroImage Source="Images/appbar.transport.ff.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="DarkGray" ForegroundColor="DarkGreen"/>
                    <metro:MetroImage Source="Images/appbar.transport.pause.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="DarkGreen" ForegroundColor="Green"/>
                    <metro:MetroImage Source="Images/appbar.transport.play.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Green" ForegroundColor="Red"/>
                    <metro:MetroImage Source="Images/appbar.transport.rew.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Red" ForegroundColor="Yellow"/>
                    <metro:MetroImage Source="Images/appbar.upload.rest.png" Height="48" Width="48"  Margin="10" BackgroundColor="Yellow" ForegroundColor="Orange"/>
                </toolkit:WrapPanel>
            </controls:PanoramaItem>
        </controls:Panorama>
    </Grid>

    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar.transport.ff.rest.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar.upload.rest.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>